<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>HTML 表格与表单示例</title>
</head>
<body>
    <h2>学生成绩表</h2>
    <table border="1" cellpadding="8" cellspacing="0">
        <caption>期末考试成绩</caption>
        <tr>
            <th>学号</th>
            <th>姓名</th>
            <th>课程</th>
            <th>成绩</th>
        </tr>
        <tr>
            <td>1001</td>
            <td>张三</td>
            <td>数学</td>
            <td>90</td>
        </tr>
        <tr>
            <td>1002</td>
            <td>李四</td>
            <td>英语</td>
            <td>85</td>
        </tr>
    </table>

    <hr>

    <h2>用户注册表单</h2>
    <form action="/submit" method="post">
        <label for="username">用户名：</label>
        <input type="text" id="username" name="username" placeholder="请输入用户名" required><br><br>

        <label for="password">密码：</label>
        <input type="password" id="password" name="password" required><br><br>

        性别：
        <input type="radio" id="male" name="gender" value="male" checked>
        <label for="male">男</label>
        <input type="radio" id="female" name="gender" value="female">
        <label for="female">女</label><br><br>

        兴趣爱好：
        <input type="checkbox" id="reading" name="hobby" value="reading">
        <label for="reading">阅读</label>
        <input type="checkbox" id="sports" name="hobby" value="sports">
        <label for="sports">运动</label>
        <input type="checkbox" id="music" name="hobby" value="music">
        <label for="music">音乐</label><br><br>

        选择城市：
        <select name="city">
            <option value="beijing">北京</option>
            <option value="shanghai">上海</option>
            <option value="guangzhou">广州</option>
        </select><br><br>

        个人简介：<br>
        <textarea name="intro" rows="4" cols="40" placeholder="写点关于自己的介绍..."></textarea><br><br>

        <input type="submit" value="提交">
        <input type="reset" value="重置">
    </form>
</body>
</html>
